:root {
  --color-primary: #409eff;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-success: #00d97d;
  --color-warning: #f6c343;
  --color-danger: #e63757;
  --color-info: #6d83a3;
  --color-online: #2d7be5;
  --color-stop: #12263f;
  --color-disabled: #f5f5f5;
  // --color-border-avatar
}
:root {
  --border-color-smoke-1: #e2eaf6;
  --border-color-smoke-2: #e3ebf6;
  --border-color-smoke-3: #edf2f9;
}
:root {
  --text-color-button:#101010;
  --text-color-primary: #12273f;

  --text-color-main: #283e59;
  --text-color-info: #95a9c9;
  --text-color-disabled: #00000040;
}

:root {
  --text-size-mini: 12px;
  --text-size-small: 14px;
  --text-size-medium: 16px;
  --text-size-large: 18px;
}

:root {
  --border-radius-size-mini:2px;
  --border-radius-size-medium:4px;
  --border-radius-size-round:20px;
  --space-size-mini: 4px;

  --space-size-default: 8px;
  --space-size-xxl: 16px;
  --space-size-large: 24px;
}

:root {
  // font-size: var(--text-size-mini);
  box-sizing: border-box;
  color: var(--text-color-main);
  -webkit-tap-highlight-color: transparent;
}

*,
::before,
::after {
  box-sizing: inherit;
}

.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-col {
  flex-direction: column;
}

// Align Items

.ai-center {
  align-items: center;
}

.ai-end {
  align-items: flex-end;
}

// Justify Content
.jc-between {
  justify-content: space-between;
}
.jc-center {
  justify-content: center;
}
.jc-around {
  justify-content: space-around;
}
.jc-end {
  justify-content: flex-end;
}

.flex-center {
  align-items: center;
  justify-content: center;
}

// Width Full
.w-100 {
  width: 100%;
}
.w-100 {
  height: 100%;
}

// Text Align

.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;

}




/* 猫头鹰选择器 */

/* .flex > * + * {
  margin-top: 0;
  margin-left: 1.5em;
} */

